var ec_line = echarts.init(document.getElementById("line"),"light");

var option_line = {

      	// backgroundColor: '#FFF0F5',

      	title: {
      		text: '茶叶信息变化趋势',
      		// subtext: '模拟数据',
      		// x: 'center',
			textStyle: {
			    fontSize:25//18
				//color:white",
			},
			left: 'left',//'left'
			top:'top',
			//bottom:'bottom'
      	},

      	legend: {
      		// orient 设置布局方式，默认水平布局，可选值：'horizontal'（水平） ¦ 'vertical'（垂直）
      		// orient: 'horizontal',
      		// x 设置水平安放位置，默认全图居中，可选值：'center' ¦ 'left' ¦ 'right' ¦ {number}（x坐标，单位px）
      		x: 'center',//原'left'
      		// y 设置垂直安放位置，默认全图顶端，可选值：'top' ¦ 'bottom' ¦ 'center' ¦ {number}（y坐标，单位px）
      		// y: 'top',
      		data: ['空气温度'],
			left: 'center',
			top:'7.5%',//加
            itemHeight: 10,//加
            itemWidth: 23,//加
			textStyle: {//加
			    fontSize:14//12
				//color:white",
			},
      	},

      	//  图表距边框的距离,可选值：'百分比'¦ {number}（单位px）
      	grid: {
      		top: '16%', //原50 等价于 y: '16%'
      		left: '7%',//'4%' 6
      		right: '7%',
      		bottom: '4%',//原'4%'
      		containLabel: true
      	},

      	//提示框
      	tooltip: {
      	    show: false,//加
      		trigger: 'axis',
			axisPointer: {
				type: 'line',
				lineStyle: {
					color: '#7171C6'
				}
			}
      	},

        //工具框，可以选择
        toolbox: {
                 show: false, /*启用功能*/
           feature: {
              saveAsImage: {show: false} //下载工具
           }
        },

      	xAxis: {
      		name: '时间',
      		type: 'category',
      		// axisLine: {
      		// 	lineStyle: {
      		// 		// 设置x轴颜色
      		// 		color: '#912CEE'
      		// 	}
      		// },
      		 // 设置X轴数据旋转倾斜
      		 axisLabel: {
      		    fontSize: 13,//9
      		 	rotate: 50, // 旋转角度
      		 	interval: 0 //设置X轴数据间隔几个显示一个，为0表示都显示
      		 },
      		 // boundaryGap值为false的时候，折线第一个点在y轴上
      		 boundaryGap: false,
      		 data: ['2023-01-20 21:30:32','2023-01-20 21:35:32','2023-01-20 21:36:32','2023-01-21 21:30:32','2023-01-21 21:35:32','2023-01-21 21:36:32']
      	},

      	yAxis: {
      		// name: '数值',
      		type: 'value',
      		// min: 0, // 设置y轴刻度的最小值
      		// max: 1800, // 设置y轴刻度的最大值
      		// splitNumber: 9, // 设置y轴刻度间隔个数
      		axisLine: {
				show: true
      			// lineStyle: {
      			// 	// 设置y轴颜色
      			// 	color: '#87CEFA'
      			// }
      		},
			axisLabel: {
				show: true,
				color: 'white',
				fontSize: 12,
				formatter: function(value) {
					if (value >= 1000) {
						value = value / 1000 + 'k';
					}
					return value;
				}
			},
			splitLine: {
				show: false,//true
				lineStyle: {
					color: '#172738',
					width: 1,
					type: 'solid'
				}
			}
      	},

      	series: [
      		{
      			name: '空气温度',
      			data: [],
      			type: 'line',
      			// 设置折线上圆点大小
      			smooth: true,

      			itemStyle:{
                  normal:{
                    label : {
                    show: true // 在折线拐点上显示数据
                    },
                    lineStyle:{
                      //width:3,  // 设置虚线宽度
                      type:'solid'  // 虚线'dotted' 实线'solid'
                    }
                  }
                },
      		},


      	]

      	// color: ['#00EE00', '#FF9F7F', '#FFD700']
      };

ec_line.setOption(option_line);
